<template>
  <div class="nianbaotwo">
      <div class="jiankangnianyun" v-for="(v, i) in jiankang" :key="i">
         <div class="imgtu">
             <img :src="v.img1" alt="">
         </div>
         <div class="nianbaotext">{{v.niantext}}</div>
      </div>
  </div>
</template>

<script>
export default {
    data() {
        return {
            jiankang:[
                {
                   img1:"img/29.gif",
                   niantext:"2021年运动健康年报"
                },
                  {
                   img1:"img/30.gif",
                   niantext:"2021年运动健康年报"
                },
                  {
                   img1:"img/31.gif",
                   niantext:"2021年运动健康年报"
                },
                {
                   img1:"img/32.gif",
                   niantext:"2021年运动健康年报"
                },
            ]
        }
    },
}
</script>

<style scoped>
    .nianbaotwo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        margin-top: .8rem;
        width: 100%;
        height: 6.5rem;
        background: #fff;
    }
    .jiankangnianyun{
        width: 95%;
        height: 1.5rem;
        border-radius: .2rem .2rem 0rem 0rem;
        border-bottom: 0.01rem solid #5c5b5b;
    }
    .imgtu{
        width: 100%;
        height: 1rem;
        border-radius: .2rem;
    }
    .imgtu img{
        display: flex;
        width: 100%;
        height: 1rem;
        border-radius: .2rem;
    }
   
    .nianbaotext{
        width: 100%;
        height: .5rem;
        line-height: .5rem;
        font-size: .2rem;
    }
</style>